import React, {
    Component,
} from 'react';
import {
    StyleSheet,
    Dimensions,
    Text,
    View,
    TouchableOpacity,
    ImageBackground,
    Image,
    Platform,
    TextInput
} from 'react-native';

export default class MerchantBaseInfo extends Component {

    constructor(props) {
        super(props);
        this.state = {

        }
    };

    componentDidMount() {

    }


    render() {
        return (
            <View style={styles.container}>
                <Text style={styles.titleText}>基本信息</Text>
                <View style={styles.itemBox}>
                    <Text style={styles.itemTitleText}>联系人</Text>
                    <Text style={styles.itemTitleText}>{this.props.data.owner}</Text>
                </View>
                <View style={styles.itemBox}>
                    <Text style={styles.itemTitleText}>联系方式</Text>
                    <Text style={styles.itemTitleText}>{this.props.data.phone}</Text>
                </View>
                <View style={styles.itemBox}>
                    <Text style={styles.itemTitleText}>加入日期</Text>
                    <Text style={styles.itemTitleText}>{this.props.data.createTime}</Text>
                </View>
            </View>
        )
    }

}

const styles = StyleSheet.create({
    container: {
        borderTopColor: '#e4e4e4',
        borderTopWidth: 0.3,
        borderBottomColor: '#e4e4e4',
        borderBottomWidth: 0.3,
        width: '100%',
        paddingHorizontal: 16,
        paddingTop: 20,
        backgroundColor: '#fff'
    },
    titleText: {
        marginBottom: 15,
        fontSize: 16,
        color: '#333',
        fontWeight: '500'
    },
    itemBox: {
        width: '100%',
        height: 44,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center'
    },
    itemTitleText: {
        fontSize: 14,
        color: '#333'
    },

})